
<div class="f-engMain">
   <div class="f-engMain-container">
       <div class="f-engMain-title clearfix">
           <a ng-class="{true:'f-engMain-title-a-check-r',false:'f-engMain-title-a-nocheck'}[listParams.currentTcId == 1]"   ng-click="changeEngData($event,Model.title.domesticData,1)">国内工程</a>
           <a ng-class="{true:'f-engMain-title-a-check-lr',false:'f-engMain-title-a-nocheck'}[listParams.currentTcId == 2]"   ng-click="changeEngData($event,Model.title.interData,2)">国际工程</a>
       </div>
       <div class="f-engMain-content">
           <div class="f-engMain-category">
               <div class="f-engMain-title-box clearfix">
                   <!--国内工程资料-->
                   <div ng-show="listParams.currentTcId == 1">
                   <p class="f-engMain-cate-title" >{{Model.domesticCategory.dataClassify.i18n}}</p>
                   <div class="f-engMain-cate-box clearfix">
                       <div class="f-engMain-cate-list clearfix">
                           <div  class="f-engMain-catelist-item" ng-class="{true:'local-a-click',false:'local-a-none'}[isShow.allUnderLine]" >
                               <a ng-bind="i18n.all" ng-class="{'active':tabcolor==1}"  ng-click="clickDataClassifyAll()"></a>
                           </div>
                           <div  class="f-engMain-catelist-item" ng-repeat="item in Model.domesticCategory.dataClassify.content track by $index"  ng-class="{true:'local-a-click',false:'local-a-none'}[item.scId == listParams.scId]"
                                  get-content ng-click="clickCategory(item,$event)">
                               <a >{{item.scName}}</a>
                           </div>
                       </p>
                   </div>
               </div>
                   <!--细分类展示-->
                   <div class="f-engMain-title-box clearfix" ng-show="isShow.showDetailBox">
                       <p class="f-engMain-cate-title"></p>
                       <div class="f-engMain-cate-box  local-addBackground  clearfix">
                           <div  ng-show="positionLeft != 0" class="f-triangle-up-out" ng-style="{'position':'absolute','left':positionLeft,'top':'-11px'}"></div>
                           <div ng-show="positionLeft != 0"  class="f-triangle-up-inner" ng-style="{'position':'absolute','left':positionLeft,'top':'-10px'}"></div>

                           <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[isShow.showDetailClassify[$index]]" ng-repeat="detail in detailNationCategory track by $index"  >
                               <a  ng-click="clickDeatilCategory(detail ,$index)">{{detail.dcName}}</a>
                           </div>
                       </div>
                   </div>
                       </div>
                   <!-- 国际工程资料-->
                   <div  ng-if="listParams.currentTcId == 2">
                       <p class="f-engMain-cate-title" >{{Model.domesticCategory.dataClassify.i18n}}</p>
                       <div class="f-engMain-cate-box clearfix">
                           <div class="f-engMain-cate-list clearfix">
                               <div  class="f-engMain-catelist-item" ng-class="{true:'local-a-click',false:'local-a-none'}[isShow.allUnderLine]">
                                   <a ng-bind="i18n.all"   ng-click="clickDataClassifyAll()"></a>
                               </div>
                               <div  class="f-engMain-catelist-item"  ng-repeat="item in Model.internCategory.dataClassify.content track by $index"
                                     ng-class="{true:'local-a-click',false:'local-a-none'}[item.scId == listParams.scId]"
                                     ng-click="clickCategory(item,$event)">
                                   <a >{{item.scName}}</a>
                               </div>
                               </p>

                           </div>
                       </div>
                       <!--细分类展示-->
                       <div class="f-engMain-title-box clearfix" ng-show="isShow.showDetailBox">
                           <!-- 下面这个p占位用-->
                           <p class="f-engMain-cate-title"></p>
                           <div class="f-engMain-cate-box  local-addBackground  clearfix">
                               <div  ng-show="positionLeft != 0" class="f-triangle-up-out" ng-style="{'position':'absolute','left':positionLeft,'top':'-11px'}"></div>
                               <div ng-show="positionLeft != 0"  class="f-triangle-up-inner" ng-style="{'position':'absolute','left':positionLeft,'top':'-10px'}"></div>

                               <div class="f-engMain-cate-box-content clearfix">
                                   <!-- oh  shit !  这种方法添加空格 太挫了  shit!-->
                                   <p class="f-engMin-cate-box-container-l"  >[<span>{{major1 }}</span>]</p>
                                   <div class="f-engMin-cate-box-container-r">
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[interDcId.major == '']"  >
                                           <a  ng-click="clickInterDeatilAllCategory('major')" ng-bind="i18n.all"></a>
                                       </div>
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[item.dcId == interDcId.major]" ng-repeat="item in detailInternCategory.major"  >
                                           <a  ng-click="clickInterDeatilCategory(item ,$index,'major')">{{item.dcName}}</a>
                                       </div>
                                   </div>
                               </div>
                               <div class="f-engMain-cate-box-content clearfix">
                                   <p class="f-engMin-cate-box-container-l"  >[<span>{{major2}}</span>]</p>
                                   <div class="f-engMin-cate-box-container-r">
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[interDcId.content == '']">
                                           <a  ng-click="clickInterDeatilAllCategory('content')" ng-bind="i18n.all"></a>
                                       </div>
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[item.dcId == interDcId.content]" ng-repeat="item in detailInternCategory.content "  >
                                           <a  ng-click="clickInterDeatilCategory(item ,$index,'content')">{{item.dcName}}</a>
                                       </div>
                                   </div>
                               </div>
                               <!--项目管理-->
                               <div class="f-engMain-cate-box-content clearfix">
                                   <p class="f-engMin-cate-box-container-l">[<span>{{major3}}</span>]</p>
                                   <div class="f-engMin-cate-box-container-r">
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[interDcId.projectPattern == '']"  >
                                           <a  ng-click="clickInterDeatilAllCategory('projectPattern')" ng-bind="i18n.all"></a>
                                       </div>
                                       <!--<div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[isShow.showInterDetailClassify.projectPattern[$index]]" ng-repeat="item in detailInternCategory.projectPattern "  >-->
                                       <!--<a  ng-click="clickInterDeatilCategory(item ,$index,'projectPattern')">{{item.dcName}}</a>-->
                                       <!--</div>-->

                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[item.dcId == interDcId.projectPattern]" ng-repeat="item in detailInternCategory.projectPattern "  >
                                           <a  ng-click="clickInterDeatilCategory(item ,$index,'projectPattern')">{{item.dcName}}</a>
                                       </div>
                                   </div>
                               </div>
                               <!--<div class="f-engMain-cate-box-project-pattern">-->
                               <div class="f-engMain-cate-box-content clearfix" ng-if="major1 == '经济环境'">
                                   <p class="f-engMin-cate-box-container-l">[<span>{{major4}}</span>]</p>
                                   <div class="f-engMin-cate-box-container-r">
                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[interDcId.region == '']"  >
                                           <a  ng-click="clickInterDeatilAllCategory('region')" ng-bind="i18n.all"></a>
                                       </div>
                                       <!--<div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[isShow.showInterDetailClassify.projectPattern[$index]]" ng-repeat="item in detailInternCategory.projectPattern "  >-->
                                           <!--<a  ng-click="clickInterDeatilCategory(item ,$index,'projectPattern')">{{item.dcName}}</a>-->
                                       <!--</div>-->

                                       <div class="f-engMain-content-list"   ng-class="{true:'local-a-click',false:'local-a-none'}[item.dcId == interDcId.region]" ng-repeat="item in detailInternCategory.dataNew "  >
                                           <a  ng-click="clickInterDeatilCategory(item ,$index,'region')">{{item.dcName}}</a>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div>
                   </div>
               <!--文件格式-->
              <!-- <div class="f-engMain-title-box clearfix"  style="padding-bottom:5px;">
                   <p class="f-engMain-cate-title">{{Model.domesticCategory.fileType.i18n}}</p>
                   <div class="f-engMain-cate-box clearfix">
                       <p class="f-engMain-cate-list">
                           <a ng-bind="i18n.all"  ng-class="{true:'local-a-click-a',false:'local-a-none'}[listParams.typeId == 0]"   ng-click="selectAllFileType()" ></a>
                           <a ng-repeat="item in fileType track by $index" ng-class="{true:'local-a-click-a',false:'local-a-none'}[isShow.showFileType[$index]]"  ng-click="checkFileType(item ,$index)">{{item.typeName}}</a>
                       </p>
                   </div>
               </div>
               &lt;!&ndash;搜索框&ndash;&gt;
               <div class="f-engMain-title-box clearfix" style="padding-bottom:8px;">
                   <p class="f-engMain-cate-title">{{i18n.keyWord}}&nbsp&nbsp&nbsp</p>
                   <p>
                   <div class="f-searchBox-engMain clearfix">
                       <div class="f-search-input-container-engMain">
                           <input class="f-search-input" ng-model="listParams.keyWord" type="text" placeholder="{{i18n.keywordPlaceholder}}">
                           <div class="f-hori-line-350-ddd"></div>
                       </div>
                       <a class="f-search-input-btn" ng-bind="i18n.search" ng-click="searchKeyWord()"></a>
                   </div>
                   </p>
               </div>
           </div>-->
           </div>
       </div>
   </div>
</div>

<style>
.active{
	color: #30a3ff;
}
    .f-engMain-content-list-box{
        min-width: 850px;
        padding-left: 20px;
        padding-bottom: 10px;
    }
    .local-addBackground{
        margin-top: 20px;
        padding-left: 20px;
        padding-bottom: 10px;
        padding-top: 5px;
        background: #FAFAF9;
        border:1px solid #ddd;
    }
    .local-a-none{
        text-decoration: blink;
        cursor: pointer;
    }
    .local-a-none a{
        color: #666460;
    }
    .local-a-click{
        text-decoration: underline;
        cursor: pointer;
        color: #30a3ff;

    }
    .local-a-click a{
       color: #30a3ff;
    }
    .local-a-click-a{
        text-decoration: underline;
        cursor: pointer;
       color: #30a3ff;
    }
    .local-a-click-a:hover{
        text-decoration: underline;
        color: #00A4FF;
    }
    .f-engMin-cate-box-container-l{
        float:left;
        width: 100px;
        font-size: 14px;
        line-height: 32px;
        padding-top:2px;
    }
    .f-engMin-cate-box-container-l span{
        display: inline-block;
        width: 56px;
        text-align: justify;
        text-align-last: justify;
    }
    .f-engMin-cate-box-container-r{
        float:left;
        width:900px;
    }
</style>
